.container{
    width:100%;
    height:70%;
}
.container_1{
    width:100%;
    height:90%;
}
.container_2{
    width:100%;
    height:100%;
}
.container_3{
    width:88%;
    height:100%;
    float: left;
    margin-left: 0.8%;
}
.container_4{
    float: left;
    width:5.5%;
    height:100%;
    border-radius: 6px;
    border: 2px dotted #6a89b5;
    margin-left: 0.6%;
}
.container_5{
    height:100%;
}
.yun_clan,.yun_shengtai,.yun_paas,.yun_daas,.yun_iaas{
    border: 2px dotted  #6a89b5;
    border-radius: 10px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.2%;
}
.yun_clan{
    overflow: hidden;
    width:90%;
    height: 16%;
}
#nav{
    margin-left:6%;
    float: left;
    overflow: hidden;
    width: 67%;
    height:100%;
}
.title_1{
    width:10%;
    float: left;
    font-size: 1.2em;
    font-weight: bold;
    color: #3b639a;
}
.title_2{
    color: #3b639a;
    font-weight: bold;
    font-size: 1.2em;
}
.title_4{
    color: #9DCAFF;
}
.title_3{
    color: #3b639a;
    font-size: 0.9em;
}
.title_1 p{
    margin-left: 15%;
    float: left;
    margin-top:25%;
    color: #3b639a;
    font-weight:bold;

}
.nav_img_1{
    float: left;
    display: block;
    margin-left: 30px;
    margin-top: 10px;
}
.nav_img_1{
    width: 5%;
    height: 50%;
    margin-right: 1%;
}
.div_nav{
    width:100%;
    height:100%;
}
.div_nav p{
    border: 1px solid red;
    width:100%;
}
.ee{
    width:100%;
    height:100%;
}
.div_nav img{
    width: 100%;
    height: 100%;
}
.ee{
    margin-left: 20%;
}
.nav_img_1 p{
    width:100%;
    white-space: nowrap;
    text-align: center;
    color: #afcdf5;
    font-weight:bold;
    margin-top: 10%;
    font-size:0.8em;
}
.year{
    width:15%;
    margin-top: 10px;
    float: left;
    overflow: hidden;
}
.year>p{
    border: 2px solid  #6a89b5;
    width: 30%;
    height: 20px;
    border-radius: 6px;
    font-size: 0.8em;
    float: left;
    color: #afcdf5;
    font-weight:bold;
    margin: 2px 0px 0 20px;
    text-align: center;
    line-height: 20px;
    background-color: #22273D;
}
.yun_shengtai,.yun_daas,.yun_iaas,.yun_paas{
    width:95.2%;
    margin-left: 4.7%;
}
.yun_shengtai{
    height: 24%;
    overflow: hidden;
}
.title{
    width:12%;
    float: left;
    overflow: hidden;
}
.jj,.tt{
    width:6%;
    overflow: hidden;
    margin-top: 2%;
}
.tt p{
    color: #9DCCFF;
}
.jj p{
    color: #9DCCFF;
}
.gg{
    margin-left: 15%;
    margin-top: 15%;
}
.gg p{
    color: #355D8F;
}
.yun_shengtai div{
    float: left;
}
.yun_shengtai p{
    font-weight:bold;
}
.fang_1{
    width: 50%;
    height:100%;
    margin-left: 1%;
    float: left;
}
.fang_name{
    width: 11%;
    height: 35%;
    margin-left: 1%;
    margin-top: 1%;
    border: 2px solid  #6a89b5;
    border-radius: 6px;
    text-align: left;
    font-weight: bold;
    color: #a2bee3;
    font-size: 0.8em;
    background-color: #22273D;
    display: table;
}
.fang_name p{
    background-color: #22273D;
    color: #8DA6CA;
    display: block;
    padding: 3px;
    display: table-cell;
    vertical-align: middle;
}
.fang_2{
    width:22%;
    height:100%;
    margin-left: 2%;
}
.tt{
    width: 6%;
}
.fang_name2{
    border: 2px solid  #6a89b5;
    width: 21%;
    height: 35%;
    padding: 0 5px;
    border-radius: 6px;
    text-align: left ;
    font-size: 0.8em;
    margin-left: 5%;
    margin-top: 3%;
    font-weight: bold;
    color: #a2bee3;
    background-color: #22273D;
    display: table;
}
.fang_name2 p{
    display: table-cell;
    vertical-align: middle;
    margin-top: 7%;
    color: #91A7CB;
}
.yun_paas{
    height: 24%;
    overflow: hidden;
}
.aa{
    width: 100%;
    float: left;
    margin-left: 17%;
    margin-top: 18%;
}
.aa p{
    float: left;
    width: 100%;
}
.title2{
    width:10%;
    height:100%;
    float: left;
    overflow: hidden;
}
.cangchu1{
    width:50%;
    margin-left: 20%;
    margin-top: 12%;
    font-size: 1em;
    font-weight: bold;
    color: #93BEF8;
}
.fang_5{
    width:40%;
    height:50%;
    float: left;
}
.fang_name3 p{
    display: table-cell;
    vertical-align: middle;
}
.fang_3{
    float: left;
    width:10%;
    color: #8FA5C8;
}
.fang_name3{
    width:11%;
    height:80%;
    border: 2px solid  #6a89b5;
    border-radius: 6px;
    float: left;
    margin-right:4%;
    margin-top: 1%;
    font-size: 0.8em;
    text-align: center;
    background-color: #22273D;
    color: #8FA5C8;
    font-weight: bold;
    display: table;
}
.fang_4{
    float: left;
    width:10%;
    height:50%;

}
.cangchu2{
    width:50%;
    margin-left: 10%;
    margin-top: 8%;
    font-size: 1em;
    font-weight: bold;
    color: #93BEF8;
}
.cangchu3{
    width:50%;
    margin-left: 20%;
    margin-top: 8%;
    font-size: 1em;
    font-weight: bold;
    color: #93BEF8;
}
.fang div{
    width:100%;
    float: left;
}
.fang_name4 p{
    display: table-cell;
    vertical-align: middle;
}
.fang_6{
    width:30%;
    height: 50%;
    float: left;
}
.fang_name4{
    float: left;
    border: 2px solid #587198;
    background-color: #22273D;
    color: #8FA5C8;
    margin-left: 2%;
    border-radius: 6px;
    margin-top: 1%;
    width:26%;
    height:70%;
    text-align: center;
    font-weight: bold;
    font-size: 0.8em;
    display: table;
}
.wuliu{
    width:80%;
    height:50%;
}
.bigdate,.date{
    color: #8FA5C8;
}
.wuliu_fang{
    float: left;
    width:6%;
    height:90%;
    border: 2px solid #587198;
    text-align: left;
    padding: 1px;;
    border-radius: 6px;
    margin-right: 3.2%;
    font-size: 0.8em;
    background-color: #22273D;
    color: #8FA5C8;
    font-weight: bold;
    display: table;
    text-align: center;
}
.wuliu_fang p{
    display: table-cell;
    vertical-align: middle;
}
.yun_daas{
    height:36%;

}
.zz{
    width: 100%;
    float: left;
    margin-left: 17%;
    margin-top: 40%;
}
.bigdate{
    width:50%;
    margin-left: 20%;
    margin-top: 25%;
    font-size: 1em;
    font-weight: bold;
    color: #98C1FD;
}
.date{
    width:50%;
    margin-left: 20%;
    margin-top: 25%;
    font-size: 1em;
    font-weight: bold;
    color: #98C1FD;
}
.daas_top{
    float: left;
    width:40%;
    height:50%;
}
.daas_fang{
    float: left;
    width:20%;
    height:60%;
    border: 2px solid #587198;
    margin-top: 3%;
    border-radius: 6px;
    margin-right:2%;
    background-color: #22273D;
    color: #8DA6CA;
    font-weight: bold;
    display: table;
}
.daas_fang p{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.fang_name5{
    float: left;
    color: #98C1FD;
    width:5%;
    height:50%;
    margin-top: 1%;
    font-size: 1em;
    font-weight: bold;
}
.fang_name6{
    width:35%;
    height:50%;
    float: left;
    font-size: 0.8em;
    font-weight: bold;
}
.daas_fang2{
    float: left;
    width:35%;
    height:60%;
    border: 2px solid #587198;
    margin-left:11%;
    border-radius: 6px;
    text-align: center;
    margin-top: 3%;
    background-color: #22273D;
    color: #8DA6CA;
    font-weight: bold;
    display: table;
}
.daas_fang2 p{
    display: table-cell;
    vertical-align: middle;
}
.daas_top  {
    height:50%;
    font-size: 0.8em;
    font-weight: bold;
}
.daas_down{
    width:80%;
    height:50%;
    overflow: hidden;
}
.xinxi{
    width:30%;
    height:100%;
    float: left;
}
.daas_down_fang{
    float: left;
    width:25%;
    text-align: center;
    height:40%;
    font-size: 0.8em;
    font-weight: bold;
    border-radius: 6px;
    border: 2px solid #587198;
    margin-bottom: 1%;
    margin-right: 1%;
    background-color: #22273D;
    color: #8DA6CA;
    display: table;
}
.daas_down_fang p{
    display: table-cell;
    vertical-align: middle;
}
.right_1{
    width:100%;
    height:40%;
    font-weight: bold;
    font-size: 1em;
    color: #98C1FD;
}
.right_2{
    width:100%;
    height:40%;
    font-weight: bold;
    font-size: 1em;
    color: #98C1FD;
    margin-top: 2%;

}
.shuju{
    width:10%;
    height:100%;
    float: left;
}
.right_3{
    width:100%;
    height:50%;
}
.right_4{
    height:50%;
}
.right_4_fang{
    float: left;
    width:8.3%;
    height: 60%;
    border-radius: 6px;
    text-align: center;
    border: 2px solid #587198;
    margin-right: 1%;
    font-size: 0.8em;
    font-weight: bold;
    background-color: #22273D;
    color: #8DA6CA;
    display: table;
}
.right_4_fang p{
    display: table-cell;
    vertical-align: middle;
}
.right_3_fang{
    float: left;
    width:8.3%;
    height: 80%;
    border-radius: 6px;
    text-align: center;
    border: 2px solid #587198;
    margin-right: 1%;
    font-size: 0.8em;
    background-color: #22273D;
    color: #8DA6CA;
    font-weight: bold;
    display: table;
}
.right_3_fang p{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.cangku{

}
.cangku div{

}
.yun_iaas{ height:10%;}
.iaas{
    width:15%;
    float: left;
    height:100%;
    margin-left: 2%;
    margin-top: 1%;
}
.iaas_name{
    width:80%;
    height:100%;
    float: left;
    display: table;
    margin-left: 3%;
}
.iaas_fang{
    min-width:10%;
    height:80%;
    float: left;
    border: 2px solid #587198;
    text-align: left;
    padding: 1px;;
    border-radius: 6px;
    margin-right: 1%;
    margin-top: 0.4%;
    font-size: 0.8em;
    background-color: #22273D;
    color: #8DA6CA;
    font-weight: bold;
    display: table;
}
.iaas_fang p{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.yun_men{
    width:100%;
    height:100%;
}
.cainiao{
    text-align: center;
    margin-top: 15%;
    margin-bottom: 15%;
    font-size: 1em;
    font-weight: bold;
    color: #9AC7FF;
}
.cainiao_fang{
    width: 90%;
    height:16%;
    border: 2px solid #587198;
    border-radius: 6px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25%;
    background-color: #22273D;
    display: table;
    color: #B1CEF6;
}
.cainiao_fang p{
    width:40%;
    text-align: center;
    margin: auto;
    display: table-cell;
    vertical-align: middle;
    padding: 5px;
}